<template>
  <div style="width: 100%; height: 100%;">
    <div class="treeHeader">
      <Tabs v-model="tabsVal">
        <TabPane :label="$t('m.cuīshōuzhàngdāntǒngjì')" name="name1">
          <bill :tabsVal="tabsVal" />
        </TabPane>
        <TabPane :label="$t('m.cuīshōurényuántǒngjì')" name="name2">
          <personnel :tabsVal="tabsVal" />
        </TabPane>
      </Tabs>
    </div>
  </div>
</template>

<script>
import bill from './bill';
import personnel from './personnel';

export default {
  components: {
    bill,
    personnel,
  },
  data() {
    return {
      tabsVal: '',
    }
  },
  mounted() {
    this.tabsVal = 'name1';
  },
};
</script>

<style lang="scss" scoped>
.treeHeader {
  margin: 0 15px;
  padding-top: 20px;
  overflow: hidden;
}
</style>
